<template>
<div class="layout">
        <bread></bread>
        <div class="layout-content">
            
            <Row>
                <i-col span="4">
                    <leftmenu></leftmenu>
                </i-col>
                <i-col span="20">
                    <div class="layout-breadcrumb">

                    </div>
                    <div class="layout-content-main">
                        <transition  name="fade" mode="out-in">
                          <keep-alive>
                            <router-view></router-view>
                          </keep-alive>
                        </transition>
                    </div>
                </i-col>
            </Row>
        </div>
    </div>
</template>
<style scoped>

</style>
<script>
export default {
  data (){
      return {
            iconsize: 17,
            open:[],active:''
            // leftWidth:'5'
    }
  },methods:{
      select(name){
         // console.log(name);
          this.$router.push(name);
      }
  },watch:{
      '$route' (val){
          //console.log(val)
      }
  },created(){
      //console.log(this.$router)
  },mounted(){
    // this.active=this.$route.path;
    // this.open=[this.$route.matched[0].path];
    // this.$nextTick(function(){
    //     this.$refs.leftmenu.updateOpened();
    //     this.$refs.leftmenu.updateActiveName();
    // })
  }
}
</script>


